@extends('layouts.template')

@section('title', '个人中心')

@section('header')
@endsection

@section('content')
    <script src="{{asset('dist/master/changeServiceAreas.js')}}"></script>
    <script>
        var service_area_ids = {!! json_encode($service_area_ids) !!};
        var districtCouple = {!! json_encode($districtCouple) !!};
    </script>
    <div class="ziliao">
        <form action="" method="post" id="form">
            {{csrf_field()}}
            <div class="ziliao_a mar02">
                <ul>
                    <li><span>所在地区</span></li>
                    <li class="checkbox02">
                        <div class="checkbox01">
                            <label v-cloak="" v-for="(value,key) in districtCouple"><span><input type="checkbox" :id="'checkbox_'+key" name="service_area_ids[]" :value="key" /> @{{value}}</span></label>
                        </div>
                        <div style="height:1px;clear:both"></div>
                    </li>
                </ul>

            </div>
            <button class="but07" type="submit">保存</button>
        </form>
    </div>
@endsection